<template>
  <div class="projectCard">
    <el-card :body-style="{ padding: '0px' }" v-for="item in project" :key="item.name">
      <img
        src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
        class="image"
        @click="projectDetail"
      />
      <div style="padding: 14px;" class="cardDetail">
        <!-- 数据动态渲染 -->
        <h3>{{item.name}}</h3>
        <div class="project_area">
          <span>{{item.province}}</span>
          <span>{{item.city}}</span>
          <span>{{item.district}}</span>
        </div>

        <div class="member_icon">
          <!-- 负责人头像 -->
        </div>
      </div>
    </el-card>
  </div>
</template>

<style src="../../../style/project/admin.css"></style>

<script>
export default {
  data() {
    return {
      project: [
        {
          img_src: "",
          name: "项目1",
          province: "四川",
          city: "成都",
          district: "高新区"
          // icon:""
        },
        {
          name: "项目2",
          province: "四川",
          city: "成都",
          district: "武侯区"
          // icon:""
        }
      ]
    };
  },
  methods: {
    projectDetail() {
      // 跳转至项目详情页
      this.$router.push("/project/admin/projectDetails");
    }
  }
};
</script>

<style>
</style>